<!DOCTYPE html>
<html ng-app="app">

<head>
    <meta charset="utf-8">
    <title>钱包地址管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="__STATIC__/index/css/mui.min.css">
    <link rel="stylesheet" href="__STATIC__/index/css/commen.css" />
    <style type="text/css">
        a {
            color: #fff !important;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
            margin: 15px;
        }

        .coinNameBox {
            padding: 20px 0 15px;
            overflow: hidden;
        }

        .coinName,
        .deleImg,
        .commonP {
            color: #fff;
        }

        .coinName {
            width: 45%;
            font-size: 18px;
        }

        .deleBox {
            width: 20%;
            text-align: right;
        }

        .deleImg {
            width: 19px;
            height: 21px;
        }

        li {
            height: 175px;
            padding: 0 15px;
            border-radius: 5px;
            margin-bottom: 15px;
            background-color: #2E323C;
        }

        .commonP {
            margin-bottom: 15px;
            font-size: 14px;
        }

        .mui-popup-button:first-child {
            color: #333 !important;
            border-radius: 0 0 0 5px !important;
        }

        .mui-popup-button:last-child {
            border-radius: 0 0 5px !important;
            background: #F7561E;
            color: #FFF !important;
        }

        .mui-popup-inner {
            border-radius: 5px 5px 0 0 !important;
        }

        .mui-popup {
            border-radius: 0 !important;
        }
    </style>
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-left-nav mui-pull-left" onclick="javascript :history.back(-1);"></a>
        <h4 class="mui-title">钱包地址管理</h4>
        <a class="mui-btn-link mui-pull-right" href="addlist.html">添加</a>
    </header>
    <div id="addAddress" class="mui-content">

        <div class="addressList">
            <ul>
                <li>
                    <div class="coinNameBox">
                        <p class="coinName mui-pull-left">RUN</p>
                        <p class="deleBox mui-pull-right">
                            <img src="../../../img/my/delete.png" class=" deleImg" />
                        </p>

                    </div>
                    <p class="commonP">钱包标识：火币网</p>
                    <p class="commonP">钱包地址：5457454545</p>
                    <p class="commonP">添加时间：08-02 14:33</p>
                </li>
            </ul>
        </div>
    </div>
    <script src="__STATIC__/index/js/mui.min.js"></script>
    <script src="__STATIC__/index/js/jquery.min.js"></script>

    <script type="text/javascript">
        mui.init();
        //点击垃圾箱，删除该li标签;
        mui('.coinNameBox').on('tap', '.deleBox', function () {
            var $this = $(this);
            var btnArray = ['否', '是'];
            mui.confirm('删除不可恢复，是否继续', '是否确认', btnArray, function (e) {

                if (e.index == 1) {

                    mui.prompt('请输入交易密码', '请输入交易密码', ' ', function (e) {

                        if (e.index == 1) {

                            //获取弹框的input值；
                            var tradePassword = $('.mui-popup-input input').val();
                            console.log(tradePassword);

                            //点击是删除
                            $this.parent().parent().remove();
                        } else {
                            return false;
                        }

                    })

                } else {
                    return false;
                }
            });
        });
    </script>
</body>

</html>